<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="renderer" content="webkit"/>
<title>女装_韩都衣舍HSTYLE网-韩风快时尚第一品牌购物商城。正品保证，货到付款！</title>
<link rel="shortcut icon" th:href="@{/images/favicon.ico}" href="../images/favicon.ico" />
<link rel="stylesheet" type="text/css" th:href="@{/css/handu_base.css}" href="../css/handu_base.css" />
<link rel="stylesheet" type="text/css" th:href="@{/css/handu_common.css}" href="../css/handu_common.css" />
<link rel="stylesheet" type="text/css" th:href="@{/search/search.css}" href="search.css" />
<link rel="stylesheet" media="screen and (max-width:1200px)" th:href="@{/search/search_small.css}" href="search_small.css"/>
<script th:src="@{/js/jquery-1.9.1.min.js}" src="../js/jquery-1.9.1.min.js"></script>
<script th:src="@{/js/common.js}" src="../js/common.js"></script>
</head>
<body>
<!--HEADER-->

<th:block th:replace="layout::public_header"></th:block>
<!--HEADER end-->

<div class="wrap srch_categry" id="srch_pg">
  <!--面包屑-->
  <div class="hd_crumb">	
		<a href=".">您所在的位置</a> 
    <code>&gt;</code> 
    <a href="search.php">韩都衣舍</a>
    <th:block th:if="${sportal.category != null}">
      	  <th:block th:if="${!#lists.isEmpty(sportal.parentcategorys)}">
      	  	<th:block th:each="data:${sportal.parentcategorys}">
	      	  	<code>&gt;</code> 
		        <a href="javascript:void(0)" class="category" th:attr="value=${data.id}"  th:text="${data.name}">韩都衣舍</a>
      	  	</th:block>
      	  </th:block>
	      <code>&gt;</code> 
	      <a href="javascript:void(0)" class="category" th:attr="value=${sportal.category}"  th:text="${sportal.categoryname}">韩都衣舍</a>
      </th:block>
      <th:block th:if="${sportal.brand != null}">
	      <code>&gt;</code> 
	      <a href="javascript:void(0)" class="brand" th:attr="value=${sportal.brand}"  th:text="${sportal.brandname}">韩都衣舍</a>
      </th:block>
      <th:block th:if="${!#arrays.isEmpty(sportal.goodAttributes)}">
      	<th:block th:each="data:${sportal.goodAttributes}">
          <code>&gt;</code> 
          <a href="javascript:void(0)" class="attribute" th:attr="value=${data}" th:text="${data}">颜色</a>
      	</th:block>
      </th:block>
    <span class="search_s input_notice">
      <label th:if="${#strings.isEmpty(sportal.name)}">在当前条件下搜索</label>
      <label th:unless="${#strings.isEmpty(sportal.name)}" style="display:none;">在当前条件下搜索</label>
      <input type="text" th:value="${sportal.name}" name="keywords" class="txt"/>
      <button type="button" class="btn"></button>
    </span>
	</div>
  <!--面包屑 end-->

  <!--选项-->
  <div class="filter" th:if="${topSearchGroupByCategory.size() &gt; 0 || topSearchGroupByBrand.size() &gt; 0||  topSearchGroupByAttribute.size() &gt; 0}">
  <!-- 分类 -->
  <div th:if="${topSearchGroupByCategory != null &amp;&amp;topSearchGroupByCategory.size() &gt; 0}" class="attr brand">
        <dl>
          <dt>分类</dt>
          <dd>
            <a th:each="data:${topSearchGroupByCategory}" th:attr="value=${'category='+data.id}" th:text="${data.subname+'('+data.num+')'}" href="javascript:void(0)">HSTYLE女装(2477)</a>
          </dd>
        </dl>
      </div>
      <!--分类  end-->
    <!--品牌-->
    <div th:if="${sportal.brand == null &amp;&amp;topSearchGroupByBrand.size() &gt; 0}" class="attr brand">
        <dl>
          <dt>品牌</dt>
          <dd>
            <a th:each="data:${topSearchGroupByBrand}" th:attr="value=${'brand='+data.value.id}" th:text="${data.value.subname+'('+data.value.num+')'}" href="javascript:void(0)">HSTYLE女装(2477)</a>
          </dd>
        </dl>
      </div>
    <!--品牌 end-->
    <!--其它-->
    <div class="prop_attr" th:if="${topSearchGroupByAttribute.size() &gt; 0}">

        <!--领型-->
        <div th:each="data:${topSearchGroupByAttribute}" class="attr">
          <dl>
            <dt th:text="${data.key.name}">领型</dt>
            <dd>
              <a th:each="subdata:${data.value}" th:attr="value=${'goodAttributes='+subdata.subname}" th:text="${subdata.subname+'('+subdata.num+')'}" href="javascript:void(0)">V领(54)</a>
            </dd>
          </dl>
        </div>
      </div>
    <!--更多选项-->
    <div class="more">
      <div class="line"></div>
      <span>
        <i></i>
        <span class="more">更多选项</span>
        <span class="less">精简选项</span>
      </span>
    </div>
    <!--更多选项 end-->
  </div>
  <!--选项 end-->

  <!--筛选区-->
  <div class="sort_bar">
    <!--升降序-->
    <ul class="sort_set">
      <li th:classappend="${sportal.order.name() == 'COMMON'}? 'on'">
          <a href="javascript:void(0)" target="_blank">综合排序</a>
        </li>
        <li th:classappend="${sportal.order.name() == 'SALESVOLUME'}? 'on'">
          <a href="javascript:void(0)" target="_blank" th:value="${'SALESVOLUME'}">销量
            <em th:if="${sportal.order.name() == 'SALESVOLUME' &amp;&amp; sportal.direction.name() == 'DESC'}" th:value="DESC" class="desc"></em>
            <em th:if="${sportal.order.name() == 'SALESVOLUME' &amp;&amp; sportal.direction.name() == 'ASC'}" th:value="ASC" class="asc"></em>
            <em th:if="${sportal.order.name() != 'SALESVOLUME'}" th:value="DESC" class="desc"></em>
          </a>
        </li>
        <li th:classappend="${sportal.order.name() == 'CREATED'}? 'on'">
          <a href="javascript:void(0)" target="_blank" th:value="${'CREATED'}">新品
            <em th:if="${sportal.order.name() == 'CREATED' &amp;&amp; sportal.direction.name() == 'DESC'}" th:value="DESC" class="desc"></em>
            <em th:if="${sportal.order.name() == 'CREATED' &amp;&amp; sportal.direction.name() == 'ASC'}" th:value="ASC" class="asc"></em>
            <em th:if="${sportal.order.name() != 'CREATED'}" th:value="DESC" class="desc"></em>
          </a>
        </li>
        <li th:classappend="${sportal.order.name() == 'PRICE'}? 'on'">
          <a href="javascript:void(0)" target="_blank" th:value="${'PRICE'}">价格
            <em th:if="${sportal.order.name() == 'PRICE' &amp;&amp; sportal.direction.name() == 'DESC'}" th:value="DESC" class="desc"></em>
            <em th:if="${sportal.order.name() == 'PRICE' &amp;&amp; sportal.direction.name() == 'ASC'}" th:value="ASC" class="asc"></em>
            <em th:if="${sportal.order.name() != 'PRICE'}" th:value="DESC" class="desc"></em>
          </a>
        </li>
    </ul>
    <!--价格-->
    <div class="priceRange">
      <div class="pr_box">
          <span class="input_notice">
            <label>￥</label>
            <input type="text" th:value="${sportal.minprice}" class="txt min"/>
          </span>
          <code>-</code>
          <span class="input_notice">
            <label>￥</label>
            <input type="text" th:value="${sportal.maxprice}" class="txt max"/>
          </span>
        </div>
      <div class="pr_btn">
        <button type="button" class="btn btn-clear"></button>
        <button type="submit" class="btn btn-yes"></button>
      </div>
    </div>
    <!--促销-->
    <div class="srch_ckb">
      <input type="checkbox" name="discount" class="hide"/>
      <span class="ckb" th:classappend="${sportal.isPromotion}?'checked'"></span>
      <span>促销</span>
    </div>
    <!--包邮-->
    <div class="srch_ckb">
      <input type="checkbox" name="ship" class="hide"/>
      <span class="ckb" th:classappend="${sportal.isPost4Free}?'checked'"></span>
      <span>包邮</span>
    </div>
    <!--翻页-->
    <div class="page_set">
      <span th:inline="text">总计[[${currentPage.totalElements}]]个商品</span>
        <span th:inline="text" th:unless="${currentPage.totalElements == 0}">[[${currentPage.number+1}]] /[[${currentPage.totalPages}]]</span>
        <span th:inline="text" th:if="${currentPage.totalElements == 0}">0/0</span>
        <a class="arr" th:if="${currentPage.hasPreviousPage()}" href="javascript:void(0)">
          <span>&lt;</span>
        </a>
        <span class="arr" th:unless="${currentPage.hasPreviousPage()}">&lt;</span>
        <a class="arr" th:if="${currentPage.hasNextPage()}" href="javascript:void(0)">
          <span>&gt;</span>
        </a>
        <span class="arr" th:unless="${currentPage.hasNextPage()}">&gt;</span>
    </div>
    <!--翻页 end-->
  </div>
  <!--筛选区 end-->

  <!--瀑布流-->
  <div class="waterfall">
    <ul id="srch_fall" th:if = "${currentPage.numberOfElements}">
      <li th:each="data:${currentPage}">
        <div class="sc_box">
          <a href=""  th:href="@{/goods/{goodsId}(goodsId=${data.id})}"  title="" target="_blank">
            <img th:src="@{'http://192.168.1.182:8999'+${data.goodsPic}}" src='http://s.handu.com/images/201405/thumb_img/1013605_thumb_G_1399283486486.jpg' alt=""/>
          </a>
          <p>
            <a href="" title="" th:href="@{/goods/{goodsId}(goodsId=${data.id})}"  target="_blank" class="tname" th:text="${data.name}">女装韩版三色修身显瘦舒适创意字母图案短袖撞色T恤DL3252【韩都衣舍 2014夏装新款】</a>
          </p>
          <p>
            <span class="price " th:inline="text">￥[[${data.showPrice}]]</span>
            <span class="sales "><i>|</i>销量：<em th:text="${data.virtualSales}">1931</em></span>
          </p>
        </div>
      </li>
    </ul>
    <!--搜索 无-->
    <div class="null" th:unless = "${currentPage.numberOfElements}">
      <p>没有搜索到商品,修改一下搜索条件,说不定会有意外收获哦!</p>
      <div class="find input_notice">
        <label>请输入关键词</label>
        <form th:action="@{/search/index}">
        <input type="text" name="name" class="txt fl"/>
        <input type="submit" value="搜索" class="btn fr"/>
        </form>
      </div>
    </div>
  </div>
  <!--瀑布流 end-->
  <!--分页-->
    <div class="pager" th:unless="${currentPage.totalElements == 0}">
      <a href="javascript:void(0)" class="prev" th:if="${currentPage.hasPrevious()}">上一页</a>
      <th:block th:if="${currentPage.pageNumberList.get(0)&gt;1}">
      	<a href="javascript:void(0)" class="other">1</a>
      	<a href="javascript:void(0)">...</a>
      </th:block>
      <th:block th:each="data:${currentPage.pageNumberList}">
      	<span class="current" th:if="${currentPage.number==data}" th:text="${data+1}"></span>
      	<a href="javascript:void(0)" class="other" th:text="${data+1}" th:if="${currentPage.number != data}"></a>
      </th:block>
      <th:block th:if="${(currentPage.pageNumberList.get(0)+8) &lt;(currentPage.totalPages-2)}">
        <a href="javascript:void(0)">...</a>
      	<a href="javascript:void(0)" class="other" th:text="${currentPage.totalPages}"></a>
      </th:block>
      <a href="javascript:void(0)" class="next" th:if="${currentPage.hasNext()}">下一页</a>
      <form onsubmit="toPage_down();return false;" th:action="@{/search/index}">
        <span th:inline="text">共[[${currentPage.totalPages}]]页，到第</span>
        <span><input type="text" th:value="${sportal.page+1}" class="toNum" name="pageNum"/></span>
        <span>页</span>
        <span class="submitBtn">&nbsp;</span>
      </form>
    </div>
  <!--分页 end-->
</div>
<script th:src="@{/category/js/category.js}"></script>
<script>
$(function(){
  $(".pager form span.submitBtn").bind("click",toPage_down);
  
  $(".pager form input").bind({
	    'focus':function(){
	       $(this).keyup(function(){
	       	 if(new RegExp('[^\\d]','g').test($(this).val())){
	       	 	$(this).val($(this).val().slice(0,-1));
	       	 }
	       });
	     },
	    'blur':function(){
	      $(this).unbind("keyup");
	    }
	  });
  
  /*筛选出前三行的其余隐藏*/
  var obj = $("#srch_pg>.filter .prop_attr .attr");
  attr_hid(obj,3);

  /*文本框事件*/
  var obj = $(".input_notice .txt");
  search_txt(obj);
  /*价格段 重写文本事件*/
  $("#srch_pg .sort_bar .priceRange .pr_box .input_notice .txt").bind({
    'focus':function(){
    	setTimeout('$("#srch_pg .sort_bar .priceRange").addClass("on")',201);
	       //$("#catgry_pg .sort_bar .priceRange").addClass("on");
	       $(this).keyup(function(){
	       	 if(new RegExp('[^\\d\\.]','g').test($(this).val()) || $(this).val().split('.').length>2){
	       	 	$(this).val($(this).val().slice(0,-1));
	       	 }
	       });
     },
    'blur':function(){
    	setTimeout('$("#srch_pg .sort_bar .priceRange").removeClass("on")',200);
	      //$("#catgry_pg .sort_bar .priceRange").removeClass("on");
	      $(this).unbind("keyup");
    }
  });

  /*更多选项 精简事件*/
  more_less("#srch_pg");
  
  /*瀑布流*/
  setInterval(function(){sort("srch_fall")},250);
});

</script> 

<!--FOOTER-->
<div id="hd_footer" th:replace="layout::public_footer"></div>
<!--FOOTER end-->
</body>
</html>